/*
* @Author: ZMT
* @Date:   2020-07-15 10:07:27
* @Last Modified by:   ZMT
* @Last Modified time: 2020-07-15 10:18:34
*/

'use strict';
$('body').scrollspy({ target: '#bs-example-navbar-collapse-1' });
$('[data-spy="scroll"]').each(function () {
	var $spy = $(this).scrollspy('refresh')
});
window.addEventListener('scroll', function(){
	let t = $('body, html').scrollTop();   
 	// 目前监听的是整个body的滚动条距离
 	if(t>300){
 		$('.navbar').addClass('nav-smoll');
 	}else{
 		$('.navbar').removeClass('nav-smoll')
 	}
 })

//点击nav滚动到具体section
$('.nav-tabs li').click(function(event) {
	var index=$(this).index()
	$('html,body').animate({'scrollTop':$('section').eq(index).offset().top},1000)
});


//TRY IT OUT  部分
$('.s-tio-navone').click(function(event) {
	$('#tryitout-con1').show();
	$('#tryitout-con2').hide();
	$('#tryitout-con3').hide();
	$('#tryitout-con4').hide();
	$('#tryitout-con5').hide();
	$('#tryitout-con6').hide();
});
$('.s-tio-navtwo').click(function(event) {
	$('#tryitout-con1').hide();
	$('#tryitout-con2').show();
	$('#tryitout-con3').hide();
	$('#tryitout-con4').hide();
	$('#tryitout-con5').hide();
	$('#tryitout-con6').hide();
});
$('.s-tio-navthress').click(function(event) {
	$('#tryitout-con1').hide();
	$('#tryitout-con2').hide();
	$('#tryitout-con3').show();
	$('#tryitout-con4').hide();
	$('#tryitout-con5').hide();
	$('#tryitout-con6').hide();
});
$('.s-tio-navfour').click(function(event) {
	$('#tryitout-con1').hide();
	$('#tryitout-con2').hide();
	$('#tryitout-con3').hide();
	$('#tryitout-con4').show();
	$('#tryitout-con5').hide();
	$('#tryitout-con6').hide();
});
$('.s-tio-navfive').click(function(event) {
	$('#tryitout-con1').hide();
	$('#tryitout-con2').hide();
	$('#tryitout-con3').hide();
	$('#tryitout-con4').hide();
	$('#tryitout-con5').show();
	$('#tryitout-con6').hide();
});
$('.s-tio-navsix').click(function(event) {
	$('#tryitout-con1').hide();
	$('#tryitout-con2').hide();
	$('#tryitout-con3').hide();
	$('#tryitout-con4').hide();
	$('#tryitout-con5').hide();
	$('#tryitout-con6').show();
});



//wow动画
var wow = new WOW({
	boxClass: 'wow',
	animateClass: 'animate__animated',
	offset: 200,
	mobile: true,
	live: true
});
wow.init();


//返回顶部
function gotoTop(min_height){
	$("#gotoTop").click(
   		//定义返回顶部点击向上滚动的动画
   		function(){$('html,body').animate({scrollTop:0},700);
    }).hover(//为返回顶部增加鼠标进入的反馈效果，用添加删除css类实现
    function(){$(this).addClass("hover");},
    function(){$(this).removeClass("hover");
	});
	//获取页面的最小高度，无传入值则默认为600像素
	min_height ? min_height = min_height : min_height = 600;
   	//为窗口的scroll事件绑定处理函数
   	$(window).scroll(function(){
   		if($(window).width()>992) return;
       //获取窗口的滚动条的垂直位置
       var s = $(window).scrollTop();
        	//当窗口的滚动条的垂直位置大于页面的最小高度时，让返回顶部元素渐现，否则渐隐
        	if( s > min_height){
        		$(".gotoTop").fadeIn(100);
        	}else{
        		$(".gotoTop").fadeOut(200);
        	};
        });
   };
   gotoTop();